<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./css/swiper.min.css">	
   	<link rel="stylesheet" href="./css/animate.css">	
   	<link rel="stylesheet" href="./css/main.css">	

   	<link rel="stylesheet" href="./font/iconfont.css">	
 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>	    
	<title>Document</title>
</head>
<body>
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide swiper1">
            	<a href="http://www.cqfyx.com/baopiaoshow.php?id=74"><div class="head-img"></div></a>
            	<div class="slide1-container">
            		<p class="slide1-container-p1 bounce animated">端午粽飘香&父亲节传情</p>
            		<p class="slide1-container-p2 bounce animated">---勇闯陡溪谷  免漂佛影峡&nbsp&nbsp&nbsp</p>
            		<p class="slide1-container-p3 zoomIn animated">
            		&nbsp&nbsp妈妈的爱温柔似水，爸爸的爱铿锵如山。<br>
					&nbsp&nbsp是他，高峻的双肩挺起生活的艰难；是他，昂扬挺拔的勇敢抵挡所有忧烦；是他，撑起温馨一片铸造爱的港湾；这就是父亲。父亲节端午季，粽香飘情更长。<br>
					&nbsp&nbsp为了表达对天下父亲的敬爱，佛影峡漂流景区在父亲节之际推出了“我的父亲最魅力”的佛影峡漂流杯照片风采评比大赛。
					</p>



            	</div>

            	 <i class="icon iconfont fadeInDown  animated infinite">&#xe60e;</i>



            </div>


            <div class="swiper-slide swiper1">
				<div class="slide2-container">
					<div class="slide2-text1">
						<p class="head head-p1">活动优惠:</p>
						<p>1.120元购180元溯溪，200元漂流免费赠送；<br>
	2.1.4M以下儿童，与父亲一同前往，父亲免费</p>
					</div>
					<div class="slide2-text2">
						<p class="head head-p2">活动时间:</p>
						<p>端午节、父亲节期间（6月20日—21日）</p>
					</div>

					<div class="slide2-text3">
					<p class="head head-p3">使用时间:</p>
					<p>2015年6月20日——2015年7月10日</p>
					</div>

					<div class="slide2-text4">
					<p class="head head-p3">联系电话:</p>
					<p>023-6326 1717</p>
					</div>
				</div>



            
            </div>


        </div>
    </div>



<!-- Swiper JS -->
<script src="./js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>


var swiper = new Swiper('.swiper-container',{
	
	direction : 'vertical',
	width : window.innerWidth,
	height : window.innerHeight,
	onSlideChangeEnd: function(swiper){
      //console.log(swiper.activeIndex);
      if(swiper.activeIndex == 1){



      	$('.slide2-text1').addClass('rollIn animated');
      	$('.slide2-text2').addClass('flipInX animated');
      	$('.slide2-text3').addClass('flipInX animated');
      	$('.slide2-text4').addClass('bounceInLeft animated');
      }else if(swiper.activeIndex == 0){

      	$('.slide1-container-p1').addClass('bounce animated');
      	
      	$('.slide1-container-p2').addClass('bounce animated');
      	//slide1-container-p3 zoomIn animated
      	$('.slide1-container-p3').addClass('zoomIn animated');
      }


    },

    onSlideChangeStart: function(swiper){

      if(swiper.activeIndex == 1){

       	$('.slide2-text1').removeClass('rollIn animated');
      	$('.slide2-text2').removeClass('flipInX animated');
      	$('.slide2-text3').removeClass('flipInX animated');
      	$('.slide2-text4').removeClass('bounceInLeft animated');   
      }else if(swiper.activeIndex == 0){

      	$('.slide1-container-p1').removeClass('bounce animated');
      	$('.slide1-container-p2').removeClass('bounce animated');
      	$('.slide1-container-p3').removeClass('zoomIn animated');

      }

    }

});
</script>	
</body>
</html>